<!DOCTYPE html>
<html>
  <head>
    <title>AirCnC - Rent a Cat or Dog</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="icon" href="icons8-guide-dog-16.png" />
    <meta
      name="description"
      content="AirC&amp;C is the premiere site renting cute cats and canines"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,600"
      rel="stylesheet"
      type="text/css"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <header>
      <img src="images/logo.png" alt="logo" class="logo" />
    </header>
    <div class="hero">
      <img src="images/dog-hero-image.png" alt="doggy" />
    </div>
    <section class="clearfix info">
      <div class="container">
        <div class="profile column">
          <div class="owner-details column">
            <img  class = "hirenimg" src="images/hiren.png" alt="Hiren-Timbadiya" />
            <h2 class="relationship">Owner</h2>
            <h2 class="name">Hiren</h2>
          </div>
          <div class="clearfix pet-details column">
            <h1>Hiren Timbadiya</h1>
            <p>Newyork,NY,United States</p>
            <div class="icons">
              <div class="icon">
                <img src="images/icons/mute.svg" alt="mute" />
                <h5>Doesn't Bark</h5>
              </div>
              <div class="icon">
                <img src="images/icons/baby.svg" alt="baby" />
                <h5>Kid Friendly</h5>
              </div>
              <div class="icon">
                <img src="images/icons/lightning.svg" alt="lightening" />
                <h5>Energatic</h5>
              </div>
            </div>
          </div>
        </div>
        <div class="booking column">
          <h2>$30 <span>Per Day</span></h2>
          <a href="#" class="button">Request to Book</a>
        </div>
      </div>
    </section>
    <br />
    <section>
      <div class="about">
        <h3>About this Dog</h3>
        <p>
          The Golden Retriever is a large-sized breed of dog bred as gun dogs to
          retrieve shot waterfowl such as ducks and upland game birds during
          hunting and shooting parties and were named 'retriever' because of
          their ability to retrieve shot game undamaged. Golden Retrievers have
          an instinctive lover of water and are easy to train to basic or
          advanced obedience standards.
        </p>
      </div>
    </section>

    <section>
      <div class="care">
        <h2>Care</h2>
        <div class="favrites">
          <p>Diet: Dog Food</p>
          <p>Favorite Toy: A Frisbee</p>
        </div>
        <div class="timings">
          <p>Check in: 8:00 AM or 1:00 PM</p>
          <p>Check out: 12:00 PM or 5:00 PM</p>
        </div>
      </div>
    </section>
    <div class="clearfix"></div>
    <section>
      <div class="games">
        <h2>Game</h2>
        <div class="clearfix"></div>
        <div class="GAME">
          <div class="game">
            <img src="images/icons/frisbee.svg" alt="frisbee" />
            <h5>Frisbee</h5>
          </div>
          <div class="clearfix"></div>
          <div class="game">
            <img src="images/icons/pool.svg" alt="pool" />
            <h5>Swimming</h5>
          </div>
          <div class="clearfix"></div>
          <div class="game">
            <img src="images/icons/bone.svg" alt="Fetch" />
            <h5>Fetch</h5>
          </div>
          <div class="clearfix"></div>
        </div>
        </div>
    </section>
    <br />
    <section class="dogimg">
      <img src="images/dog-1.jpg" alt="doggy" />
      <img src="images/dog-2.jpg" alt="doggy" />
      <img src="images/dog-3.jpg" alt="doggy" />
    </section>
  </body>
</html>
